body
    margin 0
    background-color #f1f2f3

.model
    width 100%
    height 1500px
    margin 30px 0

.model-content 
    width 1200px
    height 1500px
    margin 0 auto
    background-color #f1f2f3

.model-left
    float left
    width 785px
    background-color  #fff
    margin 5px 10px 5px 5px 
    border 1px solid #d2d2d2
    border-radius 5px
    padding-bottom 15px

.bigpic 
    width 700px
    margin 20px 70px 10px 30px 

.smallpics
    width 700px
    height 58px
    margin 10px 70px 10px 30px
    & span{
        float left
        width 78px
        height 58px
        margin-right 10px
    }

.modelmsg
    width 678px  
    margin 20px 70px 10px 30px
    padding 10px
    background-color #f1f2f3
    border-radius 10px
    border 1px solid #d2d2d2

.m-title
    border-bottom 1px dashed #d2d2d2
    padding 10px 0 20px 5px

.m-content-txt
    padding 10px 0 10px 5px
    height 80px
    & span{
        font-size 14px
        color: gray
    }

.m-content-table
    border-bottom 1px dashed #d2d2d2
    & table{
        width:100%
        border-collapse: collapse
        
    }
    & th{
        font-size 14px     
        color gray
        font-weight normal
    }
    & td{
        padding 10px 0
        text-align center
        font-weight normal
        font-size 15px
    }
.m-tbody
    height 35px
    padding 5px 0
    background-color #fff


.m-btn
    margin 0 5px
    padding 5px 10px
    font-size 15px
    background-color  #309ffc
    color #fff
    border none
    border-radius 5px

.m-btn:hover
    background-color lighten(#309ffc,20%)

.m-btn2
    margin-right 10px
    padding 5px 10px
    font-size 15px
    background-color  #309ffc
    color #fff
    border none
    border-radius 5px
    float left

.m-btn2:hover
    background-color lighten(#309ffc,20%)


.m-foot
    height 20px
    padding 20px 40px 20px 5px
    & span{
        font-size 15px
        float right
        color gray
    }

.m-addcomment
    padding 20px 0 10px 5px
    border-bottom 1px dashed #d2d2d2
    & span{
        float left
        width 50px
        height 50px
        margin-right 15px
    }
    & textarea{
        height 45px
        width 500px
        border 1px solid #d2d2d2
        font-size 14px
    }
    & p{
        height 30px
        margin-top 5px
        margin-left 65px
        margin-bottom 10px
    }

.m-othercomment
    font-size 16px
    min-height 100px
    padding 10px 0 10px 5px 
    border-bottom 1px dashed #d2d2d2  
    & span{
        float left
        width 50px
        height 50px
        margin-right 15px
    }
.m-acomment
    min-height 80px


.m-othercomment-msg
    float left
    width 500px

.msg-nametime
    width 500px
    margin-bottom 5px
    height 20px
    
.msg-name
    font-size 16px
    float left
    height 20px
    & p{
        margin 0
    }

.msg-time
    padding-top 2px
    font-size 14px
    color gray
    height 20px
    float left
    & p{
        margin 0
    }

.msg-content   
    width 500px

.backmsg 
    width 500px
    
    min-height:20px
    padding-bottom 5px
    padding-left 5px
    & a{
        color:gray
        font-size 14px
        text-decoration: none
    }

.model-right
    float right
    width 375px
    background-color #fff
    margin 5px 5px 5px 10px
    border 1px solid #d2d2d2
    border-radius 5px

.r-title
    font-size 20px
    padding 15px 15px 15px 20px
.r-content
    width:345px
    margin:0 15px 20px 15px
    background-color #f1f2f3
    border-radius 10px
    border 1px solid #d2d2d2
.r-txt 
    width 315px
    height 109px 
    padding 20px 15px 20px 15px
    border-bottom 1px dashed #309ffc

.r-icon
    width 64px
    height 64px
    float left
    margin-bottom 5px
.r-nametime
    width 241px
    height 64px
    float left
    padding-left 10px
    margin-bottom 5px
.r-name
    margin 5px 0 0 0
.r-time
    font-size 15px
    width 315px
    height 20px
    margin 10px 0 0 0
    color gray
.r-oper
    color gray
    width 315px
    padding 20px 15px 20px 15px
    border-bottom 1px dashed #309ffc
    & span{
       color black
       margin-right 5px
    }
.r-oper-btn
    font-size 16px
    padding 5px 10px
    color lighten(black,50%)
    background-color #f1f2f3   
    border 1px solid lighten(black,50%)
    border-radius 3px
    margin-bottom 10px
    margin-right 10px   
.r-oper-btn:hover
    color #309ffc
    background-color darken(#f1f2f3,20%)
    border 1px solid lighten(black,70%)
.r-oper-btn2
    font-size 16px
    padding 5px 10px
    color #fff
    background-color #309ffc
    border 1px solid #309ffc
    border-radius 3px
    margin-bottom 10px
    margin-right 10px   
.r-oper-btn2:hover
    color red
    background-color lighten(#309ffc,20%)

.r-love
    width 315px 
    height 50px
.r-tab
    width 315px
    padding 20px 15px 30px 15px
    border-bottom 1px dashed #309ffc    
    & p{
        margin 0 0 15px 0
    }
.r-tab-btn
    font-size 16px
    padding 5px 10px
    color lighten(black,50%)
    background-color #f1f2f3   
    border 1px solid lighten(black,50%)
    border-radius 3px
    margin-bottom 10px
.r-tab-btn:hover
    color #fff
    background-color #309ffc
    border 1px solid #309ffc
    
.r-share
    width 315px 
    padding 20px 15px 30px 15px
    & p{
        margin 0 0 15px 0
    }
.r-othermodel
    width 315px
    padding 20px 15px 30px 15px

.r-amodel
    width:315px
    height:20px
    margin: 10px 0
    color darken(#309ffc,20%)
    & a,a:visited{
        text-decoration none
        color darken(#309ffc,20%)
    }
    & a:hover{
        text-decoration solid
        color #309ffc 
    }
.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}


    

    


